<template>
  <div>
    <Row>
      <Col></Col>
    </Row>
    <Row :gutter="10">
      <i-col span="8"></i-col>
      <i-col span="8"></i-col>
      <i-col span="8"></i-col>
    </Row>
    <Row :gutter="10">
      <i-col span="12"></i-col>
      <i-col span="12"></i-col>
    </Row>
    <Row :gutter="10" class="row-bg">
      <i-col span="4" offset="1"></i-col>
      <i-col span="4" push="1"></i-col>
      <i-col span="4"></i-col>
    </Row>
    <Row :gutter="10">
      <i-col :md="6" :sm="12"></i-col>
      <i-col :md="6" :sm="12"></i-col>
      <i-col :md="6" :sm="12"></i-col>
      <i-col :md="6" :sm="12"></i-col>
    </Row>
  </div>
</template>

<script>
export default {
  //
}
</script>

<style lang="less">
.ivu-col{
  height: 50px;
  margin-top: 10px;
  background: aqua;
  background-clip: content-box;
}
.row-bg{
  .ivu-col{
    background: aquamarine;
  }
}
</style>
